#introres,  #introlis, #introdon, #introabout, #introservices  {
    height: 60%;
}




#introres {
    background: url("../../images/womenhair.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



#introlis {
    background: url("../../images/childlaugh.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#introdon {
    background: url("../../images/shine.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#introabout {
    background: url("../../images/handplant.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#introservices {
    background: url("../../images/grouptherapy.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.navbar {
    background-color:hsla(0,0%,0%,0.16);
	font-family:Gotham, 'sans-serif'; 
	font-size:22px;
}

.nav-item a:hover {background-color: #0067b1; border-radius:0px;}


.navbar-brand{font-size:24px;}

.navbar-nav > li{
  margin-left:20px;
  margin-right:20px;

}

.top-nav-collapse {
    background-color: #0067b1;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #0067b1;
    }
}




/* Override MDBootstrap default and apply corrections as required*/
.btn-default {
    background-color: #fff!important;
    color: #fff!important;
}

/* Override the MDBootstrap default and apply the Bootstrap 4 default*/
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/* Change the validation font to red and italic and position under the input*/
.help-block {
	color:red;
	font-style: italic;
	margin-left:40px;
}


/* For Side Pop Form Button */
.container-box {
	display:inline-block; 
	position: fixed;
  	top: 55%;
  	left: 0;
	z-index: 100;
}

.rotated
{	-moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform-origin: top left;  
}



/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

	
	/* adjust h2 size for small screens so does points do not overflow */
	.c h2 {
	font-size: 25px!important;		
		}	
	
	
	/* hide heading */
	.e {
	display: none;		
		}	
	
	.f {
	display: none;		
		}	
	.g {
	display: block;		
		}	
	

}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 

	/* hide heading */
	.e {
	display: none;		
		}
	

 }
	
	

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
	
	/* hide heading */
	.e {
	display: none;		
		}	
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
}

/* Extra large devices (large desktops)*/
/* No media query since the extra-large breakpoint has no upper bound on its width*/